﻿<UserControl x:Class="EpiDashboard.Controls.StatusBarArrangeButton"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             mc:Ignorable="d" 
             d:DesignHeight="60" d:DesignWidth="60" MouseLeftButtonUp="UserControl_MouseLeftButtonUp">
    <UserControl.Resources>
        <Style x:Key="mainOuterBorder" TargetType="Border">
            <Setter Property="BorderBrush" Value="Transparent"></Setter>
            <Setter Property="BorderThickness" Value="1"></Setter>
            <Setter Property="CornerRadius" Value="2"></Setter>
            <Style.Triggers>
                <Trigger Property="IsMouseOver" Value="True">
                    <Setter Property="BorderBrush" Value="Gold"></Setter>                    
                    <Setter Property="Background">
                        <Setter.Value>
                            <LinearGradientBrush>
                                <GradientStop Color="#F9F5DC" Offset="0"></GradientStop>
                                <GradientStop Color="#F9EAB0" Offset="1"></GradientStop>
                            </LinearGradientBrush>
                        </Setter.Value>
                    </Setter>
                </Trigger>
            </Style.Triggers>
        </Style>
        
        <Style x:Key="mainOuterBorderSelected" TargetType="Border">
            <Setter Property="BorderBrush" Value="Goldenrod"></Setter>
            <Setter Property="CornerRadius" Value="2"></Setter>            
            <Setter Property="Background">
                <Setter.Value>
                    <LinearGradientBrush>
                        <GradientStop Color="#FFE373" Offset="0"></GradientStop>
                        <GradientStop Color="#FFE976" Offset="1"></GradientStop>
                    </LinearGradientBrush>
                </Setter.Value>
            </Setter>
        </Style>
    </UserControl.Resources>

    <Border x:Name="borderOuter" Width="20" Height="18" Style="{StaticResource mainOuterBorder}">
    <Border BorderThickness="1" Width="14" Height="12">
        <Border.BorderBrush>
            <LinearGradientBrush>
                <GradientStop Color="#848484" Offset="0" />
                <GradientStop Color="#676767" Offset="1" />
            </LinearGradientBrush>
        </Border.BorderBrush>
        <Border.Background>
            <LinearGradientBrush>
                <GradientStop Color="#C0C6CD" Offset="0" />
                <GradientStop Color="#AAAFB6" Offset="1" />
            </LinearGradientBrush>
        </Border.Background>

            <Canvas>
                <Border Canvas.Top="1" Canvas.Left="1" BorderThickness="1" Width="5" Height="4">
            <Border.BorderBrush>
                <LinearGradientBrush>
                    <GradientStop Color="#848484" Offset="0" />
                    <GradientStop Color="#676767" Offset="1" />
                </LinearGradientBrush>
            </Border.BorderBrush>
            <Border.Background>
                <LinearGradientBrush>
                    <GradientStop Color="#F8F9FA" Offset="0" />
                    <GradientStop Color="#D2D6DB" Offset="1" />
                </LinearGradientBrush>
            </Border.Background>            
            </Border>

                <Border Canvas.Bottom="1" Canvas.Left="1" BorderThickness="1" Width="5" Height="3">
                    <Border.BorderBrush>
                        <LinearGradientBrush>
                            <GradientStop Color="#848484" Offset="0" />
                            <GradientStop Color="#676767" Offset="1" />
                        </LinearGradientBrush>
                    </Border.BorderBrush>
                    <Border.Background>
                        <LinearGradientBrush>
                            <GradientStop Color="#F8F9FA" Offset="0" />
                            <GradientStop Color="#D2D6DB" Offset="1" />
                        </LinearGradientBrush>
                    </Border.Background>
                </Border>

                <Border Canvas.Top="1" Canvas.Right="1" BorderThickness="1" Width="4" Height="8">
                    <Border.BorderBrush>
                        <LinearGradientBrush>
                            <GradientStop Color="#848484" Offset="0" />
                            <GradientStop Color="#676767" Offset="1" />
                        </LinearGradientBrush>
                    </Border.BorderBrush>
                    <Border.Background>
                        <LinearGradientBrush>
                            <GradientStop Color="#F8F9FA" Offset="0" />
                            <GradientStop Color="#D2D6DB" Offset="1" />
                        </LinearGradientBrush>
                    </Border.Background>
                </Border>


            </Canvas>


        </Border>
    </Border>
</UserControl>
